<template>
	<div class="breedingdetails">
		<div class='flcm pad32s'>
			<div class= 'lable'></div><span class='fsize28l'>编号：</span><span class='fsize28'>#187</span>
		</div>
		<div class="bcbox"></div>
		<div class="waitwritelist">
			<div class="inputbox flcm">
				<div class="label fsize28l">公猪耳号：</div>
				<input type="text" placeholder="输入内容" class="standard"/>
			</div>
			<div class="inputbox flcm">
				<div class="label fsize28l">出生日期：</div>
				<input type="text" placeholder="输入内容" class="standard"/>
			</div>
			<div class="inputbox flcm">
				<div class="label fsize28l">品种：</div>
				<input type="text" placeholder="输入内容" class="standard"/>
			</div>
			<div class="inputbox flcm">
				<div class="label fsize28l">所在猪舍号：</div>
				<input type="text" placeholder="输入内容" class="standard"/>
			</div>
			<div class="inputbox flcm">
				<div class="label fsize28l">当前年龄：</div>
				<input type="text" placeholder="输入内容" class="standard"/>
			</div>
			<div class="inputbox flcm">
				<div class="label fsize28l">采集间隔(天)：</div>
				<input type="text" placeholder="输入内容" class="standard"/>
			</div>
		</div>
		<div class="savebtn mgl32" @click="gotosemenlist">
			保存
		</div>
	</div>


</template>

<script>
	export default {
		data() {
			return {
				news: []
			};
		},
		onLoad: function() {

		},
		methods: {
			gotosemenlist(e) {
				uni.navigateTo({
					url: '../semenlist/semenlist' 
				});
			}
		}
	}
</script>

<style lang="less">
	.pad32s {
		padding: 32rpx 0 32rpx 32rpx;
	}

	.mgl32 {
		margin-left: 32rpx;
	}
	.standard {
		width:502rpx;
		height:80rpx;
		box-sizing: border-box;
		border-radius:12rpx;
		border:2rpx solid rgba(190,190,190,0.3);
		padding-left: 24rpx;
		font-size:28rpx;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:rgba(153,153,153,1);
		-webkit-box-shadow: inset 0 2rpx 2rpx rgba(0, 0, 0, .075);
		box-shadow: inset 0 2rpx 2rpx rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
	}
	.lable {
		width:6rpx;
		height:18rpx;
		background:rgba(24,108,242,1);
		border-radius:5rpx;
		margin-right: 14rpx;
	}
	.waitwritelist {
		padding:0 32rpx;
		.inputbox {
			margin-top: 32rpx;
			.label {
				width: 184rpx;
			}
		}
	}
</style>
